<template>
  <div class="tuan">
    <div class="title">
      <HeaderCom leftText="" title="爆爆团"/>
      <div class="activity">限时爆款 超级低价</div>
    </div>
    <Tuanlist/>
  </div>
</template>

<script>
import HeaderCom from '@/components/header/headerCom.vue'
import Tuanlist from '@/components/tuan/Tuanlist.vue'
export default {
  components:{
    HeaderCom,
    Tuanlist
  }
}
</script>

<style scoped lang="scss">
.tuan{
  background-color: #f5f5f5;
  .title {
  background-color: red;
  //   border-bottom-left-radius: 30%;
  //   border-bottom-right-radius: 30%;
  border-radius: 0 0 .4rem .4rem;
  background: linear-gradient(to bottom, red 5%, #fee5b8 100%);
  height: 5.8667rem;
  overflow: hidden;
  position: relative;
  top: 0;
  padding: 10px 0;
  }


    .my-swipe .van-swipe-item {
      color: #fff;
      text-align: center;
  }
 }
::v-deep .van-nav-bar__title{
    color: #fff;
    font-size:24px
  }
::v-deep .capsule{
     background-color: rgba(	rgb(213, 10, 64), 0.5);
 }    
::v-deep .van-nav-bar .van-icon{
        color: rgba(#fff, 1);
  }
  .activity{
    text-align: center;
    margin-top:30px;
  }
</style>